<%@ page pageEncoding='UTF-8'%>
<%@ taglib prefix="s" uri="/struts-tags" %>
<s:set var="contextPath" value="#request.get('javax.servlet.forward.context_path')" scope="request" />
<!DOCTYPE html>
<head>
    <title>Drug Details</title>
    <%-- header --%>
    <jsp:include page="/WEB-INF/content/common/Header.jsp" flush="true"/>
    <script src="${contextPath}/js/drug/drug.js"></script>
</head>
<body class="metro view">
	<%-- tob-bar --%>
    <jsp:include page="/WEB-INF/content/common/TopBar.jsp" flush="true"/>
       	
	<div id="main-container" class="body-wrapper">
        <%-- tob-container --%>
    	<jsp:include page="/WEB-INF/content/common/TopContainer.jsp" flush="true"/>
        
    	<div id="body-container">
        	<div id="drug-detail-container" class="detail-container">
        		<div id="drug-detail-header-container" class="detail-header-container">
	                <%-- header-container --%>
                        <s:set var="mode" value="'details'"/>
                        <jsp:include page="/WEB-INF/content/drug/DrugMenuContainer.jsp" flush="true"/>                
        		</div>
        		
        		<div id="drug-detail-tile-container">
        			<div class="main-detail-tile-container tile quadro double-vertical no-link bg-lime">
        				<div class="main-detail-container">
	        				<div class="main-detail-image bg-green place-left">
	        					<img class="list-icon" src="${contextPath}/img/icon/Medicine-128.png"/>
	        				</div>
	        				<div class="main-detail-title header">
		        				${guiDrug.name}
	        				</div>
	        				<br clear="all"/>
        				</div>
        				<div class="detail-inner-tile-container">
        					<div class="detail-inner-tile place-left">
                				<label class="fg-gray">Weight</label>
                				<div class="subheader">${guiDrug.weight}mg</div>
                			</div>
                			<div class="detail-inner-tile place-left">
                				<label class="fg-gray">Minimum</label>
                				<div class="subheader">${guiDrug.minimum}</div>
                			</div>
                			<div class="detail-inner-tile place-left">
                				<label class="fg-gray">Brand</label>
                				<div class="subheader">${guiDrug.brand.name}</div>
                			</div>
                            <div class="detail-inner-tile place-left">
                				<label class="fg-gray">Total stock count</label>
                				<div class="subheader">${guiDrug.totalStockCount}</div>
                			</div>
        				</div>
        			</div>
       				<a href="${contextPath}/drugbrand/show?id=${guiDrug.brand.brandId}">
	        			<div class="tile double header meta-info-container">
	        				<label class="subheader-secondary">drug brand</label>
		        			<i class="icon-arrow-right-3 fg-green smaller"></i>
	        			</div>
       				</a>
       				<a href="${contextPath}/drugstock/list?drugId=${guiDrug.drugId}">
	        			<div class="tile double header meta-info-container">
	        				<label class="subheader-secondary">drug stock</label>
		        			<i class="icon-arrow-right-3 fg-green smaller"></i>
	        			</div>
       				</a>
	            
        			<br clear="all"/>
        		</div>
    		</div>    
    	</div>
        
        <%-- bottom-container --%>
    	<jsp:include page="/WEB-INF/content/common/BottomContainer.jsp" flush="true"/>
        
	</div>
    
    <%-- footer-container --%>
    <jsp:include page="/WEB-INF/content/common/FooterContainer.jsp" flush="true"/>
    
</body>
</html>